<div class="content-wrapper" style="min-height: 976px;">

    <section class="content">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">创建基金</h3>
            </div>

            <div class="box-body">
                <form class="form-horizontal">
                    <div class="box-body">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">基金名称</label>
                            <div class="col-sm-8">
                                <input class="form-control" placeholder="基金名称" ng-model="name">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">基金原始股份</label>
                            <div class="col-sm-8">
                                <input class="form-control" placeholder="基金原始股" ng-model="initialShares">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">现金</label>
                            <div class="col-sm-8">
                                <input class="form-control" placeholder="现金" ng-model="cash">
                            </div>
                        </div>

                        <div class="col-sm-8 col-md-offset-2">
                            <table class="table table-striped">
                                <tbody>
                                <tr>
                                    <th style="width: 10px">#</th>
                                    <th style="width: 160px">相关股票</th>
                                    <th style="width: 160px">最新价格</th>
                                    <th style="width: 160px">涨跌价格</th>
                                    <th style="width: 160px">涨跌幅</th>
                                    <th style="width: 160px">交易数量</th>
                                    <th style="width: 160px">购买数量</th>
                                </tr>

                                <tr ng-repeat="stock in list">
                                    <td>{{$index + 1}}</td>
                                    <td>{{stock.name}}</td>
                                    <td>
                                        <div class="">
                                            <strong>$ </strong>{{stock.price}}
                                        </div>
                                    </td>
                                    <td>
                                        <div class="">
                                            <span ng-if="stock.changeRange > 0" class="badge bg-green"><strong>$ </strong>+{{stock.changePrice}}</span>
                                            <span ng-if="stock.changeRange <= 0" class="badge bg-red"><strong>$ </strong>{{stock.changePrice}}</span>

                                        </div>
                                    </td>
                                    <td>
                                        <span ng-if="stock.changeRange > 0" class="badge bg-green">+{{stock.changeRange}} %</span>
                                        <span ng-if="stock.changeRange <= 0" class="badge bg-red">{{stock.changeRange}} %</span>
                                    </td>
                                    <td>{{stock.remainQuantity}}</td>
                                    <td><input id="quantity{{$index}}"/></td>
                                </tr>
                                </tbody></table>
                        </div>

                        <!--<div ng-if="myPage.totalItems" my-pagination pg="myPage"></div>-->

                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <!--<button type="submit" class="btn btn-default pull-right">取消</button>-->
                        <button type="submit" class="btn btn-info pull-right" ng-click="add()">确认</button>
                    </div>
                    <!-- /.box-footer -->
                </form>
            </div>
        </div>
    </section>
</div>